import { Icon, IconProps } from '@chakra-ui/react';

export function ArrowLeftIcon(props: IconProps) {
  return (
    <Icon
      xmlns="http://www.w3.org/2000/svg"
      width="12px"
      height="40px"
      viewBox="0 0 12 40"
      fill="none"
      {...props}
    >
      <path
        d="M4.04614 19.6923L9.10972 5.06414C9.22077 4.74332 9.05072 4.39321 8.7299 4.28216C8.40908 4.17111 8.05897 4.34116 7.94792 4.66198L2.81768 19.4828C2.78016 19.5912 2.77472 19.7029 2.79635 19.8076C2.80159 19.8386 2.80927 19.8695 2.8195 19.9002L7.96317 35.3312C8.07053 35.6533 8.41865 35.8274 8.74073 35.72C9.06281 35.6126 9.23687 35.2645 9.12951 34.9424L4.04614 19.6923Z"
        fill="white"
      />
    </Icon>
  );
}

export function ArrowRightIcon(props: IconProps) {
  return (
    <Icon
      xmlns="http://www.w3.org/2000/svg"
      width="12px"
      height="40px"
      viewBox="0 0 12 40"
      fill="none"
      {...props}
    >
      <path
        d="M7.92652 19.6923L2.86294 5.06414C2.75189 4.74332 2.92194 4.39322 3.24276 4.28216C3.56358 4.17111 3.91368 4.34116 4.02474 4.66198L9.15498 19.4828C9.1925 19.5912 9.19793 19.7029 9.1763 19.8076C9.17107 19.8386 9.16339 19.8695 9.15316 19.9002L4.00949 35.3312C3.90213 35.6533 3.554 35.8274 3.23193 35.72C2.90985 35.6126 2.73579 35.2645 2.84315 34.9424L7.92652 19.6923Z"
        fill="white"
      />
    </Icon>
  );
}

export function CpuIcon(props: IconProps) {
  return (
    <Icon
      {...props}
      xmlns="http://www.w3.org/2000/svg"
      width="13px"
      height="13px"
      viewBox="0 0 13 13"
      fill="none"
    >
      <g clipPath="url(#clip0_6558_19095)">
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M4.53587 1.74976C4.53587 1.47361 4.75972 1.24976 5.03587 1.24976C5.31201 1.24976 5.53587 1.47361 5.53587 1.74976V2.53473H6.83587V1.74976C6.83587 1.47361 7.05973 1.24976 7.33587 1.24976C7.61201 1.24976 7.83587 1.47361 7.83587 1.74976V2.53473H8.25111C9.30045 2.53473 10.1511 3.38539 10.1511 4.43473V4.85001H10.9361C11.2123 4.85001 11.4361 5.07387 11.4361 5.35001C11.4361 5.62616 11.2123 5.85001 10.9361 5.85001H10.1511V7.15H10.9361C11.2123 7.15 11.4361 7.37386 11.4361 7.65C11.4361 7.92614 11.2123 8.15 10.9361 8.15H10.1511V8.56527C10.1511 9.61461 9.30045 10.4653 8.25111 10.4653H7.83587V11.2503C7.83587 11.5264 7.61201 11.7503 7.33587 11.7503C7.05973 11.7503 6.83587 11.5264 6.83587 11.2503V10.4653H5.53587V11.2503C5.53587 11.5264 5.31201 11.7503 5.03587 11.7503C4.75972 11.7503 4.53587 11.5264 4.53587 11.2503V10.4653H4.12057C3.07123 10.4653 2.22057 9.61461 2.22057 8.56527V8.15H1.43561C1.15947 8.15 0.935608 7.92614 0.935608 7.65C0.935608 7.37386 1.15947 7.15 1.43561 7.15H2.22057V5.85001H1.43561C1.15947 5.85001 0.935608 5.62616 0.935608 5.35001C0.935608 5.07387 1.15947 4.85001 1.43561 4.85001H2.22057V4.43473C2.22057 3.38539 3.07122 2.53473 4.12057 2.53473H4.53587V1.74976ZM4.12057 3.53473C3.62351 3.53473 3.22057 3.93767 3.22057 4.43473V8.56527C3.22057 9.06233 3.62351 9.46527 4.12057 9.46527H8.25111C8.74816 9.46527 9.15111 9.06233 9.15111 8.56527V4.43473C9.15111 3.93767 8.74816 3.53473 8.25111 3.53473H4.12057Z"
          fill="white"
          fillOpacity="0.9"
        />
      </g>
      <defs>
        <clipPath id="clip0_6558_19095">
          <rect width="12" height="12" fill="white" transform="translate(0.185852 0.5)" />
        </clipPath>
      </defs>
    </Icon>
  );
}

export function MemoryIcon(props: IconProps) {
  return (
    <Icon
      xmlns="http://www.w3.org/2000/svg"
      width="13px"
      height="13px"
      viewBox="0 0 13 13"
      fill="none"
      {...props}
    >
      <path
        d="M4.04445 4.39832C4.04445 4.12217 4.26831 3.89832 4.54445 3.89832C4.82059 3.89832 5.04445 4.12217 5.04445 4.39832V5.39832C5.04445 5.67446 4.82059 5.89832 4.54445 5.89832C4.26831 5.89832 4.04445 5.67446 4.04445 5.39832V4.39832Z"
        fill="white"
        fillOpacity="0.9"
      />
      <path
        d="M6.66492 3.89832C6.38877 3.89832 6.16492 4.12217 6.16492 4.39832V5.39832C6.16492 5.67446 6.38877 5.89832 6.66492 5.89832C6.94106 5.89832 7.16492 5.67446 7.16492 5.39832V4.39832C7.16492 4.12217 6.94106 3.89832 6.66492 3.89832Z"
        fill="white"
        fillOpacity="0.9"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M1.90759 3.25861C1.90759 2.28628 2.69582 1.49805 3.66816 1.49805H6.70586C7.1728 1.49805 7.6206 1.68353 7.95077 2.0137L9.94832 4.01125C10.2785 4.34142 10.464 4.78923 10.464 5.25616V9.74152C10.464 10.7139 9.67574 11.5021 8.70341 11.5021H3.66816C2.69583 11.5021 1.90759 10.7139 1.90759 9.74152V3.25861ZM3.66816 2.49805C3.24811 2.49805 2.90759 2.83856 2.90759 3.25861V9.74152C2.90759 10.1616 3.24811 10.5021 3.66816 10.5021H8.70341C9.12346 10.5021 9.46397 10.1616 9.46397 9.74152V5.25616C9.46397 5.05444 9.38384 4.86099 9.24121 4.71836L7.24367 2.72081C7.10103 2.57818 6.90758 2.49805 6.70586 2.49805H3.66816Z"
        fill="white"
        fillOpacity="0.9"
      />
    </Icon>
  );
}

export function FlowIcon(props: IconProps) {
  return (
    <Icon
      xmlns="http://www.w3.org/2000/svg"
      width="13px"
      height="13px"
      viewBox="0 0 13 13"
      fill="none"
      {...props}
    >
      <g clipPath="url(#clip0_6558_19114)">
        <path
          d="M4.15896 2.01045C4.26944 1.56395 4.85598 1.55058 5.00015 1.96184L6.5594 8.68413L7.53927 5.21395C7.64706 4.83087 8.1285 4.76754 8.32999 5.08657L9.33598 7.14726H11.0399C11.2884 7.14726 11.4897 7.34896 11.4897 7.59771C11.4897 7.86055 11.277 8.07365 11.0144 8.07365H9.06557C8.91891 8.07375 8.78189 7.99757 8.69959 7.8703L8.07243 6.59006L6.94092 10.5985C6.818 11.0334 6.24473 11.0366 6.10377 10.6309L4.57178 4.02813L3.6542 7.72716C3.60818 7.91258 3.458 8.04919 3.27631 8.07085L1.32631 8.07303C1.08108 8.07334 0.88208 7.87434 0.88208 7.6287V7.58019C0.88208 7.34108 1.07569 7.14716 1.31449 7.14716H2.88432L4.15896 2.01045Z"
          fill="white"
          fillOpacity="0.9"
        />
      </g>
      <defs>
        <clipPath id="clip0_6558_19114">
          <rect width="12" height="12" fill="white" transform="translate(0.185791 0.5)" />
        </clipPath>
      </defs>
    </Icon>
  );
}

export function StorageIcon(props: IconProps) {
  return (
    <Icon
      {...props}
      xmlns="http://www.w3.org/2000/svg"
      width="13px"
      height="13px"
      viewBox="0 0 13 13"
      fill="none"
    >
      <g clipPath="url(#clip0_6558_19108)">
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M4.59285 2.00003C4.61792 2.00005 4.64333 2.00007 4.66908 2.00007H7.70252C7.72827 2.00007 7.75368 2.00005 7.77875 2.00003C8.2426 1.99972 8.59229 1.99948 8.91089 2.10938C9.19114 2.20604 9.4464 2.3638 9.65819 2.57123C9.89896 2.80705 10.0551 3.11993 10.2623 3.53494C10.2735 3.55737 10.2848 3.58011 10.2964 3.60315L11.3796 5.76971C11.384 5.77845 11.3883 5.78708 11.3926 5.7956C11.4747 5.95963 11.5367 6.0837 11.5814 6.2164C11.6208 6.33367 11.6493 6.45435 11.6665 6.57687C11.6859 6.71553 11.6859 6.85425 11.6858 7.03766C11.6858 7.04719 11.6858 7.05685 11.6858 7.06663V8.12073C11.6858 8.52321 11.6858 8.85538 11.6637 9.12598C11.6407 9.40703 11.5915 9.66538 11.4678 9.90805C11.2761 10.2844 10.9701 10.5903 10.5938 10.7821C10.3511 10.9057 10.0928 10.955 9.81171 10.978C9.54112 11.0001 9.20894 11.0001 8.80646 11.0001H3.56514C3.16266 11.0001 2.83048 11.0001 2.55989 10.978C2.27884 10.955 2.02049 10.9057 1.77782 10.7821C1.4015 10.5903 1.09554 10.2844 0.903789 9.90805C0.780143 9.66538 0.730861 9.40703 0.707898 9.12598C0.68579 8.85538 0.685795 8.5232 0.685801 8.12072L0.685802 7.06663C0.685802 7.05685 0.685799 7.04719 0.685796 7.03766C0.685745 6.85425 0.685706 6.71553 0.705118 6.57688C0.722272 6.45434 0.75076 6.33367 0.790215 6.2164C0.83486 6.0837 0.896933 5.95964 0.978998 5.79563C0.983265 5.7871 0.987587 5.77846 0.991962 5.76971L1.43918 5.99332L1.4421 5.99478M1.43918 5.99332L0.991962 5.76971L2.07524 3.60315C2.08676 3.58011 2.09811 3.55738 2.10931 3.53495C2.31647 3.11993 2.47264 2.80705 2.71341 2.57123C2.9252 2.3638 3.18046 2.20604 3.46071 2.10938C3.77931 1.99948 4.129 1.99972 4.59285 2.00003M1.99482 6.00007L2.96967 4.05036C3.22668 3.53635 3.30768 3.38893 3.41313 3.28565C3.51903 3.18193 3.64666 3.10305 3.78678 3.05472C3.92632 3.00659 4.0944 3.00007 4.66908 3.00007H7.70252C8.2772 3.00007 8.44528 3.00659 8.58482 3.05472C8.72495 3.10305 8.85257 3.18193 8.95847 3.28565C9.06392 3.38893 9.14492 3.53635 9.40193 4.05036L10.3768 6.00007H1.99482ZM1.68585 7.00007C1.68581 7.02057 1.6858 7.0427 1.6858 7.06663V8.10007C1.6858 8.52836 1.68619 8.8195 1.70458 9.04455C1.72249 9.26376 1.75495 9.37586 1.79479 9.45406C1.89067 9.64222 2.04365 9.7952 2.23181 9.89107C2.31001 9.93092 2.42211 9.96338 2.64132 9.98129C2.86636 9.99968 3.15751 10.0001 3.5858 10.0001H8.7858C9.21409 10.0001 9.50524 9.99968 9.73028 9.98129C9.94949 9.96338 10.0616 9.93092 10.1398 9.89107C10.328 9.7952 10.4809 9.64222 10.5768 9.45406C10.6167 9.37586 10.6491 9.26376 10.667 9.04455C10.6854 8.8195 10.6858 8.52836 10.6858 8.10007V7.06663C10.6858 7.0427 10.6858 7.02057 10.6858 7.00007H1.68585ZM5.1858 9.00007H3.1858C2.90966 9.00007 2.6858 8.77621 2.6858 8.50007C2.6858 8.22392 2.90966 8.00007 3.1858 8.00007H5.1858C5.46194 8.00007 5.6858 8.22392 5.6858 8.50007C5.6858 8.77621 5.46194 9.00007 5.1858 9.00007Z"
          fill="white"
          fillOpacity="0.9"
        />
      </g>
      <defs>
        <clipPath id="clip0_6558_19108">
          <rect width="12" height="12" fill="white" transform="translate(0.185852 0.5)" />
        </clipPath>
      </defs>
    </Icon>
  );
}

export function ClockIcon(props: IconProps) {
  return (
    <Icon
      {...props}
      xmlns="http://www.w3.org/2000/svg"
      width="14px"
      height="15px"
      viewBox="0 0 14 15"
      fill="none"
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M6.99982 2.66081C4.32704 2.66081 2.16032 4.82753 2.16032 7.50031C2.16032 10.1731 4.32704 12.3398 6.99982 12.3398C9.67261 12.3398 11.8393 10.1731 11.8393 7.50031C11.8393 4.82753 9.67261 2.66081 6.99982 2.66081ZM0.993652 7.50031C0.993652 4.1832 3.68271 1.49414 6.99982 1.49414C10.3169 1.49414 13.006 4.1832 13.006 7.50031C13.006 10.8174 10.3169 13.5065 6.99982 13.5065C3.68271 13.5065 0.993652 10.8174 0.993652 7.50031ZM6.99982 3.66328C7.32199 3.66328 7.58316 3.92444 7.58316 4.24661V7.13979L9.42983 8.06313C9.71799 8.20721 9.83479 8.5576 9.69071 8.84575C9.54663 9.13391 9.19624 9.25071 8.90809 9.10663L6.73895 8.02206C6.54133 7.92325 6.41649 7.72126 6.41649 7.50031V4.24661C6.41649 3.92444 6.67766 3.66328 6.99982 3.66328Z"
        fill="white"
        fillOpacity="0.9"
      />
    </Icon>
  );
}

export function DesktopSealosCoinIcon(props: IconProps) {
  return (
    <Icon
      xmlns="http://www.w3.org/2000/svg"
      width="14px"
      height="14px"
      viewBox="0 0 14 14"
      fill="none"
      {...props}
    >
      <g style={{ mixBlendMode: 'hard-light' }}>
        <circle cx="7" cy="7" r="6.762" fill="#E8E8E8" stroke="#37383A" strokeWidth="0.476" />
        <circle cx="6.9999" cy="7.00002" r="6.11562" fill="#CFCFCF" />
        <path
          d="M6.99978 13.1156C10.3773 13.1156 13.1154 10.3776 13.1154 7.00002C13.1154 5.61364 12.6541 4.335 11.8766 3.30923C11.4852 3.25402 11.0853 3.22546 10.6787 3.22546C6.2888 3.22546 2.6764 6.55431 2.22803 10.8254C3.34887 12.2218 5.06993 13.1156 6.99978 13.1156Z"
          fill="#BEBEBE"
        />
        <circle cx="7.00017" cy="6.99992" r="4.74284" fill="#828386" />
        <path
          d="M5.04555 6.78559C5.439 7.36085 6.25304 7.3098 6.25304 7.3098C6.04953 7.11237 5.91725 6.93196 5.90368 6.41797C5.89011 5.90398 5.59842 5.76783 5.59842 5.76783C6.12076 5.43765 5.93421 5.08024 5.91725 4.68198C5.90707 4.4335 6.05292 4.24969 6.16824 4.14417C5.50449 4.24395 4.90473 4.59698 4.49399 5.12967C4.08325 5.66237 3.89324 6.3336 3.96357 7.00344C4.01105 6.87069 4.68263 6.25459 5.04555 6.78559Z"
          fill="#E8E8E8"
        />
        <path
          d="M9.86536 5.76104C9.84782 5.7051 9.82628 5.6505 9.80092 5.59766V5.59425C9.68254 5.35256 9.48628 5.1581 9.24395 5.0424C9.00163 4.9267 8.72746 4.89655 8.46592 4.95685C8.20439 5.01715 7.97082 5.16435 7.8031 5.37458C7.63539 5.58482 7.54337 5.84575 7.54197 6.11505C7.54199 6.19975 7.55109 6.2842 7.56911 6.36694C7.56919 6.36807 7.56919 6.36921 7.56911 6.37034C7.57589 6.40438 7.58606 6.43842 7.59624 6.47246C7.65678 6.71225 7.66856 6.96181 7.63088 7.20627C7.59319 7.45073 7.50682 7.68506 7.37692 7.89528C7.24701 8.1055 7.07624 8.2873 6.87479 8.42983C6.67333 8.57236 6.44533 8.6727 6.20439 8.72486C5.96345 8.77701 5.7145 8.77992 5.47241 8.73341C5.23033 8.68689 5.00006 8.5919 4.79536 8.45412C4.59065 8.31633 4.41571 8.13857 4.28096 7.93144C4.14622 7.72431 4.05443 7.49206 4.01109 7.24855C4.07238 7.67066 4.22132 8.07514 4.44825 8.43582C4.67519 8.79649 4.97507 9.10532 5.32848 9.34231C5.68189 9.5793 6.08095 9.73917 6.49984 9.81157C6.91872 9.88396 7.34808 9.86727 7.76012 9.76257C8.17217 9.65788 8.55771 9.46751 8.8918 9.20379C9.22588 8.94008 9.50106 8.60889 9.69952 8.23168C9.89797 7.85447 10.0153 7.43963 10.0438 7.01404C10.0724 6.58844 10.0116 6.16156 9.86536 5.76104Z"
          fill="#E8E8E8"
        />
        <path
          d="M9.35991 6.58134C9.35991 8.0646 8.16176 9.26702 6.68377 9.26702C5.89932 9.26702 5.19371 8.9283 4.70422 8.38865C4.73387 8.41135 4.7643 8.43322 4.79536 8.45412C5.00006 8.5919 5.23033 8.68689 5.47241 8.73341C5.7145 8.77992 5.96345 8.77701 6.20439 8.72486C6.44533 8.6727 6.67333 8.57236 6.87479 8.42983C7.07624 8.2873 7.24701 8.1055 7.37692 7.89528C7.50682 7.68506 7.59319 7.45073 7.63088 7.20627C7.66856 6.96181 7.65678 6.71225 7.59624 6.47246C7.58606 6.43842 7.57589 6.40438 7.56911 6.37034C7.56919 6.36921 7.56919 6.36807 7.56911 6.36694C7.55109 6.2842 7.54199 6.19975 7.54197 6.11505C7.54337 5.84575 7.63539 5.58482 7.8031 5.37458C7.97082 5.16435 8.20439 5.01715 8.46592 4.95685C8.57382 4.93197 8.6838 4.92245 8.79286 4.92802C9.14815 5.38384 9.35991 5.95777 9.35991 6.58134Z"
          fill="#E8E8E8"
        />
        <path
          d="M9.47934 2.44482L9.75865 2.94614L10.26 3.22544L9.75865 3.50474L9.47934 4.00605L9.20004 3.50474L8.69873 3.22544L9.20004 2.94614L9.47934 2.44482Z"
          fill="#F0F0F0"
        />
      </g>
    </Icon>
  );
}

export function DesktopExchangeIcon(props: IconProps) {
  return (
    <Icon
      xmlns="http://www.w3.org/2000/svg"
      width="16px"
      height="17px"
      viewBox="0 0 16 17"
      fill="none"
      {...props}
    >
      <path
        d="M10.935 3.68196C11.1954 3.42161 11.6175 3.42161 11.8778 3.68196L14.5157 6.31981C14.5224 6.32649 14.529 6.3333 14.5355 6.34026C14.5882 6.39714 14.6292 6.46098 14.6584 6.52868C14.6935 6.60978 14.713 6.69923 14.713 6.79323C14.713 6.8865 14.6938 6.97529 14.6592 7.0559C14.6294 7.12556 14.5872 7.19117 14.5325 7.24936C14.5229 7.25957 14.513 7.26948 14.5028 7.27907C14.443 7.3353 14.3754 7.37842 14.3036 7.40842C14.2274 7.44032 14.1441 7.45849 14.0566 7.45981L14.0452 7.45989L4.31297 7.45989C3.94478 7.45989 3.6463 7.16142 3.6463 6.79323C3.6463 6.42504 3.94478 6.12656 4.31297 6.12656L12.4368 6.12656L10.935 4.62477C10.6747 4.36442 10.6747 3.94231 10.935 3.68196Z"
        fill="white"
        fillOpacity="0.8"
      />
      <path
        d="M1.5749 9.73548C1.63889 9.67148 1.71266 9.62322 1.7914 9.59068C1.86814 9.5589 1.95211 9.54104 2.04015 9.54024L2.04631 9.54021H11.7796C12.1478 9.54021 12.4463 9.83869 12.4463 10.2069C12.4463 10.5751 12.1478 10.8735 11.7796 10.8735L3.65578 10.8735L5.15757 12.3753C5.41792 12.6357 5.41792 13.0578 5.15757 13.3182C4.89723 13.5785 4.47512 13.5785 4.21477 13.3182L1.5756 10.679L1.56914 10.6725C1.50808 10.6099 1.46177 10.5383 1.43022 10.4621C1.39763 10.3835 1.37964 10.2973 1.37964 10.2069C1.37964 10.1166 1.39759 10.0305 1.43011 9.95197C1.46264 9.87324 1.51091 9.79947 1.5749 9.73548Z"
        fill="white"
        fillOpacity="0.8"
      />
    </Icon>
  );
}

export function InfiniteIcon(props: IconProps) {
  return (
    <Icon
      {...props}
      xmlns="http://www.w3.org/2000/svg"
      width="16px"
      height="16px"
      viewBox="0 0 16 16"
      fill="none"
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M7.35359 8C7.35359 9.50399 6.13436 10.7232 4.63037 10.7232C3.12638 10.7232 1.90715 9.50399 1.90715 8C1.90715 6.49601 3.12638 5.27678 4.63037 5.27678C5.31048 5.27678 5.93235 5.52609 6.40959 5.93831C6.71592 6.20291 7.37703 6.14424 7.59858 5.80547C7.70848 5.63741 7.71078 5.41712 7.5742 5.26992C6.84097 4.47965 5.79342 3.98511 4.63037 3.98511C2.41301 3.98511 0.615479 5.78264 0.615479 8C0.615479 10.2174 2.41301 12.0149 4.63037 12.0149C6.29504 12.0149 7.72308 11.0018 8.33156 9.55851C8.5329 9.08094 8.64451 8.55627 8.64526 8.00562H8.64605L8.64604 8C8.64604 6.49601 9.86527 5.27678 11.3693 5.27678C12.8733 5.27678 14.0925 6.49601 14.0925 8C14.0925 9.50399 12.8733 10.7232 11.3693 10.7232C10.6892 10.7232 10.0673 10.4739 9.59004 10.0617C9.28371 9.79709 8.6226 9.85576 8.40106 10.1945C8.29115 10.3626 8.28885 10.5829 8.42543 10.7301C9.15866 11.5204 10.2062 12.0149 11.3693 12.0149C13.5866 12.0149 15.3842 10.2174 15.3842 8C15.3842 5.78264 13.5866 3.98511 11.3693 3.98511C9.70568 3.98511 8.27841 4.9969 7.66926 6.43868C7.46717 6.917 7.35513 7.44265 7.35437 7.99439H7.35359L7.35359 8Z"
        fill="white"
      />
    </Icon>
  );
}

export function CubeIcon(props: IconProps) {
  return (
    <Icon
      xmlns="http://www.w3.org/2000/svg"
      width="14px"
      height="14px"
      viewBox="0 0 14 14"
      fill="none"
      {...props}
    >
      <path
        d="M6.46671 0.889977C6.74571 0.728894 7.19807 0.728894 7.47707 0.889977L11.7404 3.35142C12.2984 3.67358 12.2984 4.19592 11.7404 4.51808L7.53318 6.94713C7.25417 7.10821 6.80182 7.10821 6.52281 6.94713L2.25948 4.48569C1.70147 4.16353 1.70147 3.64119 2.25948 3.31902L6.46671 0.889977Z"
        fill="white"
      />
      <path
        d="M1.49072 5.96173C1.49072 5.5107 1.80737 5.32788 2.19798 5.55339L6.13892 7.8287C6.36212 7.95757 6.54307 8.27097 6.54307 8.5287V12.695C6.54307 13.146 6.22642 13.3289 5.83581 13.1033L1.89487 10.828C1.67167 10.6992 1.49072 10.3858 1.49072 10.128V5.96173Z"
        fill="white"
      />
      <path
        d="M7.4564 8.56015C7.4564 8.30242 7.63735 7.98901 7.86055 7.86015L11.8021 5.58447C12.1927 5.35896 12.5094 5.54177 12.5094 5.99281V10.1586C12.5094 10.4163 12.3284 10.7297 12.1052 10.8586L8.16366 13.1343C7.77305 13.3598 7.4564 13.177 7.4564 12.726V8.56015Z"
        fill="white"
      />
    </Icon>
  );
}

export function ZoneIcon(props: IconProps) {
  return (
    <Icon
      {...props}
      xmlns="http://www.w3.org/2000/svg"
      width="14px"
      height="14px"
      viewBox="0 0 14 14"
      fill="none"
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M13.0799 7.58332C13.2883 7.22236 13.2883 6.77763 13.0799 6.41666L10.5451 2.02633C10.3367 1.66536 9.95155 1.44299 9.53474 1.44299H4.46522C4.04841 1.44299 3.66326 1.66536 3.45486 2.02633L0.920098 6.41666C0.711693 6.77763 0.711693 7.22236 0.920098 7.58332L3.45486 11.9737C3.66326 12.3346 4.04841 12.557 4.46522 12.557H9.53474C9.95155 12.557 10.3367 12.3346 10.5451 11.9737L13.0799 7.58332ZM9.08787 7.29166C9.19207 7.11117 9.19207 6.88881 9.08787 6.70832L8.29651 5.33765C8.19231 5.15717 7.99974 5.04599 7.79133 5.04599H6.20862C6.00021 5.04599 5.80764 5.15717 5.70344 5.33765L4.91208 6.70832C4.80788 6.88881 4.80788 7.11117 4.91208 7.29166L5.70344 8.66232C5.80764 8.84281 6.00021 8.95399 6.20862 8.95399H7.79133C7.99974 8.95399 8.19231 8.84281 8.29651 8.66232L9.08787 7.29166Z"
        fill="white"
      />
    </Icon>
  );
}

export function ChevronDownIcon(props: IconProps) {
  return (
    <Icon
      xmlns="http://www.w3.org/2000/svg"
      width="12px"
      height="12px"
      viewBox="0 0 12 12"
      fill="none"
      {...props}
    >
      <path
        d="M8.60214 4C9.49304 4 9.93921 5.07714 9.30925 5.70711L6.75918 8.25717C6.36866 8.6477 5.73549 8.6477 5.34497 8.25717L2.7949 5.70711C2.16493 5.07714 2.6111 4 3.502 4H8.60214Z"
        fill="#071B41"
        fillOpacity="0.5"
      />
    </Icon>
  );
}

export function EmptyIcon(props: IconProps) {
  return (
    <Icon {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="none">
      <path
        d="M5.21273 25.5033L5.18464 25.5026C5.02228 25.4974 4.17832 25.4432 3.61607 24.9161C3.03957 24.3754 2.97076 23.5981 2.96283 23.4476C2.96207 23.4334 2.96169 23.4193 2.96172 23.4051V19.1712C2.95333 18.9968 2.94205 18.4076 3.13947 17.7532C3.32862 17.1258 3.56231 16.7139 3.62923 16.6028L5.75482 12.8423C5.76544 12.8234 5.77669 12.8052 5.78873 12.7875C5.855 12.6891 6.21129 12.183 6.6998 11.8791C7.21384 11.559 7.83601 11.5342 8.01454 11.5342H21.4413C21.4586 11.5342 21.4757 11.5347 21.4933 11.5358C21.6268 11.5444 22.3198 11.6029 22.8562 11.9097C23.3683 12.203 23.7806 12.7156 23.858 12.8152C23.8737 12.8356 23.8884 12.8567 23.9022 12.8785L26.4267 16.8788C26.4375 16.8964 26.4484 16.9148 26.4583 16.9337C26.5066 17.0266 26.7562 17.5175 26.8826 17.9949C27.0074 18.4672 27.0375 18.9892 27.0421 19.0889L27.0427 19.123V23.3575C27.0455 23.5814 27.0043 24.3498 26.367 24.9207C25.7633 25.4611 24.9507 25.5029 24.7161 25.5029H5.21273V25.5033ZM4.99645 17.4609C4.95 17.5435 4.80554 17.8167 4.68408 18.2192C4.55581 18.6448 4.57105 19.0426 4.57309 19.0867C4.57423 19.1057 4.57492 19.1248 4.57517 19.1439V23.3772L4.57675 23.3889C4.58675 23.465 4.6332 23.6494 4.71328 23.7326L4.72406 23.7441L4.73676 23.7534C4.84886 23.836 5.12664 23.8835 5.22366 23.8893L24.7173 23.8896C24.8791 23.8877 25.1618 23.8338 25.2899 23.719C25.4045 23.6163 25.4302 23.44 25.4302 23.4118L25.4286 23.3628V19.1477C25.4199 18.9833 25.388 18.6556 25.3221 18.4073C25.2474 18.1236 25.0803 17.7838 25.0474 17.7188L25.0384 17.703L22.561 13.7769L22.5532 13.7675C22.4593 13.6544 22.2342 13.4128 22.0544 13.3097C21.8987 13.2206 21.5816 13.1636 21.4183 13.1483L21.4013 13.1475H8.01739C7.89212 13.1486 7.6594 13.1818 7.55188 13.249C7.40045 13.3434 7.22115 13.559 7.14741 13.6597L7.14106 13.6684L5.02878 17.4052L5.00596 17.4436L5.00627 17.4426C5.00565 17.4445 4.99645 17.4609 4.99645 17.4609ZM14.9251 10.3511C14.7112 10.3509 14.5062 10.2658 14.3549 10.1146C14.2036 9.96337 14.1185 9.7583 14.1183 9.5444V4.90345C14.1185 4.6896 14.2036 4.48458 14.3548 4.33336C14.506 4.18213 14.711 4.09704 14.9248 4.09674C15.1388 4.09695 15.3438 4.182 15.4951 4.33324C15.6464 4.48447 15.7316 4.68953 15.7319 4.90345V9.54434C15.7316 9.75823 15.6466 9.96329 15.4953 10.1145C15.3441 10.2658 15.139 10.3508 14.9251 10.351V10.3511ZM20.3341 10.3205C20.1202 10.3202 19.9152 10.2351 19.7639 10.0838C19.6127 9.93258 19.5276 9.72751 19.5274 9.51362C19.5276 9.32859 19.5912 9.14922 19.7076 9.00544L21.5518 6.73098C21.6274 6.63745 21.723 6.56206 21.8316 6.51036C21.9402 6.45866 22.059 6.43198 22.1792 6.43227C22.3656 6.43227 22.5412 6.49457 22.6864 6.61237C22.769 6.67884 22.8376 6.76107 22.8881 6.85427C22.9387 6.94747 22.9702 7.04978 22.9808 7.15527C22.9922 7.26063 22.9826 7.36721 22.9524 7.46881C22.9223 7.57042 22.8723 7.66503 22.8053 7.74716L20.9612 10.0216C20.8859 10.1151 20.7906 10.1905 20.6823 10.2422C20.5739 10.2939 20.4554 10.3206 20.3353 10.3204H20.3341V10.3205ZM9.6069 10.2588C9.48571 10.2592 9.36603 10.232 9.25686 10.1794C9.14769 10.1267 9.05188 10.05 8.97665 9.95503L7.16373 7.68073C7.03056 7.51332 6.96925 7.29992 6.99324 7.08736C7.01723 6.87479 7.12456 6.68043 7.29169 6.54691C7.43406 6.4325 7.61135 6.37039 7.79399 6.37092C8.04133 6.37092 8.27139 6.48172 8.42536 6.67487L10.2384 8.94914C10.3716 9.11648 10.433 9.32984 10.4091 9.54238C10.3852 9.75492 10.2779 9.9493 10.1108 10.0828C9.96791 10.1965 9.79079 10.2585 9.6082 10.2588H9.6069Z"
        fill="white"
        fillOpacity="0.7"
      />
      <path
        d="M14.9563 22.1841C13.1589 22.1841 11.5973 20.9791 11.159 19.2541L11.1237 19.1151L3.95905 19.1108C3.74513 19.1104 3.54011 19.0251 3.38891 18.8738C3.2377 18.7225 3.15264 18.5174 3.15234 18.3035C3.15268 18.0896 3.23779 17.8847 3.38901 17.7335C3.54024 17.5824 3.74523 17.4973 3.95905 17.4971L11.8484 17.5021C12.0622 17.5027 12.2671 17.5879 12.4182 17.7391C12.5693 17.8904 12.6544 18.0953 12.6547 18.3091C12.6547 19.5773 13.6656 20.5705 14.9563 20.5705C16.2423 20.5705 17.2498 19.5773 17.2498 18.3092C17.2502 18.0953 17.3353 17.8904 17.4865 17.7391C17.6377 17.5879 17.8426 17.5027 18.0565 17.5021L25.8728 17.4972C26.3178 17.4972 26.6795 17.8586 26.6798 18.3033C26.6801 18.748 26.3185 19.1103 25.8737 19.111L18.7816 19.1153L18.7462 19.2543C18.3085 20.9792 16.7502 22.1841 14.9563 22.1841Z"
        fill="white"
        fillOpacity="0.7"
      />
    </Icon>
  );
}

export function ArrowIcon(props: IconProps) {
  return (
    <Icon
      {...props}
      xmlns="http://www.w3.org/2000/svg"
      width="16px"
      height="16px"
      viewBox="0 0 16 16"
      fill="none"
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M8.86193 3.52864C8.60158 3.78899 8.60158 4.2111 8.86193 4.47145L11.7239 7.33337H2.66667C2.29848 7.33337 2 7.63185 2 8.00004C2 8.36823 2.29848 8.66671 2.66667 8.66671H11.7239L8.86193 11.5286C8.60158 11.789 8.60158 12.2111 8.86193 12.4714C9.12228 12.7318 9.54439 12.7318 9.80474 12.4714L13.8047 8.47144C14.0651 8.2111 14.0651 7.78899 13.8047 7.52864L9.80474 3.52864C9.54439 3.26829 9.12228 3.26829 8.86193 3.52864Z"
        fill="white"
        fillOpacity="0.8"
      />
    </Icon>
  );
}
